.header {
  display: flex;
  justify-content: space-between;
  margin: 28px auto 56px;
  width: 90%;
 }

@media screen and (max-width: 425px) {
  .header {
    margin: 16px auto 48px;
  }
}

@media screen and (min-width: 425px) and (max-width: 768px) {
  .header {
   margin: 28px auto 48px;
     }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .header {
    margin: 28px 24px 48px;
    min-width: 720px;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1280px) {
  .header {
    margin: 28px auto 48px;
  }
}

@media screen and (min-width: 1280px) {
  .header {
   width: 1184px;
   margin: 28px auto 56px;
  }
}

